<template>
  <div>
    <Success :list="list">
      <template #title>
        <h3>本周热搜榜 TOP5</h3>
      </template>

      <template #left="{ row }">
        #{{ row.title }}
      </template>

      <template #right="{ row }">
        🔥
        <span>{{ row.hot }}</span>
      </template>
      
    </Success>
    <hr>

    <Success :list="list"></Success>
  </div>
</template>

<script>
import Success from "./components/Success.vue";
export default {
  components: {
    Success,
  },
  data() {
    return {
      list: [
        { id: 1, title: "区块链", hot: 88 },
        { id: 2, title: "数据挖掘", hot: 40 },
        { id: 3, title: "无人机", hot: 40 },
        { id: 4, title: "生命科学", hot: 40 },
        { id: 5, title: "传感器", hot: 50 },
      ],
    };
  },
  methods: {

  },
};
</script>

<style>
</style>